<template>
  <inject-template :item="item" :pageId="pageId" :popId="popId">
    <template v-slot:common>
      <div class="wb-notice-bar" :data-id="item.id">
          <van-notice-bar :style="styles" 
            :mode="commonAttr.mode" 
            :scrollable="commonAttr.isScrollable" 
            :wrapable="commonAttr.isWrapable"> 
          {{commonAttr.text}}
          </van-notice-bar>
      </div>
    </template>
  </inject-template>
</template>

<script>
import InjectTemplate from '@/components/inject-template.vue'
import { utils } from '@/components/utils/utils'
import { commonUtils } from '@/components/utils/common-utils'


export default {
  name: 'WbNoticeBar',
  mixins: [utils, commonUtils],
  components: {
    InjectTemplate,
  },
};
</script>
<style>
.wb-notice-bar {
  width: inherit;
  height: inherit;
}
</style>